1 00:00:08,130 --> 00:00:08,870 Yes, Karen. 2 00:00:10,200 --> 00:00:16,320 OK, so we are going to look at Jennison today. 3 00:00:20,870 --> 00:00:26,110 So it's a garani and it's your city by mistake, mutal. 4 00:00:28,070 --> 00:00:30,870 OK, OK, OK, no, I'm not. 5 00:00:30,980 --> 00:00:33,320 Where you going? 6 00:00:33,350 --> 00:00:34,460 All right, all right. 7 00:00:34,470 --> 00:00:43,010 So I was saying we are going to look at how to bid to knit our content topic number 23 in the beginner 8 00:00:43,050 --> 00:00:43,670 topics. 9 00:00:44,210 --> 00:00:48,640 And this is a kind of a complicated topic, so I'll try to move faster. 10 00:00:49,610 --> 00:00:53,720 So that we can see how much we can cover, but if you feel like you are getting lost along the way, 11 00:00:53,720 --> 00:01:02,870 you can just you can just make yourself hard so that you can ask your questions and you're able to move 12 00:01:02,870 --> 00:01:03,110 on. 13 00:01:03,740 --> 00:01:04,300 Excellent. 14 00:01:04,340 --> 00:01:09,200 So can you open the share your screen and just highlight the topic? 15 00:01:10,070 --> 00:01:10,740 Oh, OK. 16 00:01:11,020 --> 00:01:16,460 I was going to be highlighting here so my skin was insured. 17 00:01:16,540 --> 00:01:19,920 So year you use the Windows. 18 00:01:21,680 --> 00:01:24,320 I use Linux on the trainings. 19 00:01:24,320 --> 00:01:25,120 I use Linux. 20 00:01:25,130 --> 00:01:34,880 You remember this is the installation I'm using is local and that's why is that he's not a smart enough 21 00:01:35,450 --> 00:01:40,550 to understand that you are you are still didn't care what screen. 22 00:01:42,660 --> 00:01:44,490 Yes, he's all right. 23 00:01:47,520 --> 00:01:48,730 Yeah, great. 24 00:01:48,780 --> 00:01:53,490 So this is the topic number 23, incrementing content pagination. 25 00:01:54,390 --> 00:01:58,970 OK, see, in 20 years. 26 00:02:00,440 --> 00:02:07,120 Let's jump into it, we are going to be reading the articles that we have here. 27 00:02:07,130 --> 00:02:09,610 I think we can start by renaming this to our articles. 28 00:02:10,040 --> 00:02:13,240 Remember the last time we saw these articles from our database? 29 00:02:13,250 --> 00:02:16,490 They are I think they are on 16 or 18. 30 00:02:16,490 --> 00:02:17,440 They are 18 of them. 31 00:02:18,020 --> 00:02:19,790 So in these two articles. 32 00:02:19,790 --> 00:02:25,510 And so be able to see where exactly they are and the reason why we can do this. 33 00:02:25,520 --> 00:02:31,320 Imagine that you have a database that has even a hundred items, even one hundred and a hundred. 34 00:02:31,320 --> 00:02:32,990 This is very little. 35 00:02:32,990 --> 00:02:39,680 Some databases will go to for some databases for just some ordinary software, somebody that knows tons 36 00:02:39,680 --> 00:02:42,990 of records, others or even go to millions. 37 00:02:43,430 --> 00:02:49,580 So even if you had one hundred only in the database, this would be one hundred rules or anybody that 38 00:02:49,580 --> 00:02:51,400 is rerolls going down. 39 00:02:51,800 --> 00:02:56,440 So that would make you a system one slow. 40 00:02:57,080 --> 00:03:03,680 And number two, it would it would be I do not be a good user experience using a system that just keeps 41 00:03:03,680 --> 00:03:05,410 crawling, scrolling on items here. 42 00:03:06,290 --> 00:03:11,150 So we are going to see out opportunities, content, such a way that the users will be able to see maybe 43 00:03:11,150 --> 00:03:16,630 the first three and then they can go to the next page through the next three, the next page and say 44 00:03:16,670 --> 00:03:17,600 something like that. 45 00:03:18,320 --> 00:03:23,800 That is done in almost all the systems that we have used, we have used in our life. 46 00:03:23,830 --> 00:03:28,250 So let me first of all, reading this, I want to make this a larger. 47 00:03:29,640 --> 00:03:33,150 I like the very small font, so I like with small ones. 48 00:03:34,610 --> 00:03:36,150 It's not good for your eyes. 49 00:03:36,170 --> 00:03:36,770 By the way. 50 00:03:38,240 --> 00:03:43,070 I normally I'm normally very comfortable with that, not that we know. 51 00:03:45,170 --> 00:03:47,600 Yeah, so our name is to. 52 00:03:49,580 --> 00:03:51,920 And records may be available articles. 53 00:03:53,960 --> 00:03:58,650 Readable articles and expecting to change to available articles. 54 00:03:58,670 --> 00:04:06,080 Yes, so we want to change these attitudes, the three items per page, and that is what you are going 55 00:04:06,080 --> 00:04:06,800 to be doing now. 56 00:04:07,370 --> 00:04:10,420 So this is our this is the list of our articles. 57 00:04:10,460 --> 00:04:16,580 Like I said, I think they are both 18 and they are not the number of things that I want to do. 58 00:04:16,880 --> 00:04:20,890 Even before we start writing Amarcord, let me let me exit this. 59 00:04:20,900 --> 00:04:24,010 I was doing some some graphics here earlier. 60 00:04:26,900 --> 00:04:32,030 And then we do we do bench bench console. 61 00:04:34,700 --> 00:04:35,750 We do bench console. 62 00:04:36,350 --> 00:04:43,160 But before I do you remember this, this is a function that I introduced last time called Get DECT. 63 00:04:43,700 --> 00:04:49,700 And what normally happens when we have pagination in content is like we have SLAs and then a question 64 00:04:49,700 --> 00:04:52,730 mark and then we have something like page equals five. 65 00:04:53,240 --> 00:04:58,510 So we have something like this when we have a big decision in a Web application. 66 00:04:59,000 --> 00:05:00,890 So how do we implement this this page? 67 00:05:00,890 --> 00:05:07,310 How do we pass it to how do we pass this page to our to our python code so that we are able to process 68 00:05:07,760 --> 00:05:10,580 a Derechos that we want to retrieve. 69 00:05:11,150 --> 00:05:19,340 And you remember we had formed what I mean for people from the last time, and I can just go here and 70 00:05:19,340 --> 00:05:23,270 do print so that you can see this. 71 00:05:24,260 --> 00:05:27,290 And I will say print Frappier. 72 00:05:30,220 --> 00:05:38,530 Tort reform, and that's correct, and yeah, let me see what is in there, in there and maybe I can 73 00:05:39,400 --> 00:05:42,010 I can give it some speed so that you see it's printing. 74 00:05:42,010 --> 00:05:46,000 So he it, you know, do one, two, three. 75 00:05:47,610 --> 00:05:49,650 You mean on to. 76 00:05:52,020 --> 00:05:53,510 Is listed here. 77 00:05:55,440 --> 00:06:03,270 And then I do two more and then this is a formatted stream, and I thought if I if I if I run my code 78 00:06:03,270 --> 00:06:08,300 now, this is an index to me and I want to run my front page with this quote here. 79 00:06:08,700 --> 00:06:12,030 And then the next thing that they have done is that I have passed this page. 80 00:06:12,060 --> 00:06:15,180 Let me, first of all, remove it and we see what we have. 81 00:06:16,240 --> 00:06:22,040 So I'm expecting to see something on the Tamino here that is running late mimic estrogen. 82 00:06:22,060 --> 00:06:22,510 Also. 83 00:06:24,280 --> 00:06:24,720 And. 84 00:06:27,360 --> 00:06:32,370 Yes, let me clear this up and start. 85 00:06:35,170 --> 00:06:40,630 So I'll go ahead and reload my page without without I have not passed any parameter here. 86 00:06:42,220 --> 00:06:43,260 So what happens? 87 00:06:43,270 --> 00:06:47,250 You see, this one has us logged something here, just an empty object. 88 00:06:47,830 --> 00:06:52,960 So this object, this object is coming from this robillard form dict that we have here. 89 00:06:53,560 --> 00:07:01,240 So what if we had something like page equals five and we went ahead and loaded our page here you see 90 00:07:01,240 --> 00:07:02,080 something like this. 91 00:07:02,090 --> 00:07:03,740 So we have page five. 92 00:07:04,420 --> 00:07:13,480 So if we had something else like page is five and maybe which equals these are just some of the some 93 00:07:13,480 --> 00:07:20,230 things is 60, something like that, then I run it again here expecting to see two items. 94 00:07:20,230 --> 00:07:22,390 And yes, we have pages five. 95 00:07:22,570 --> 00:07:23,430 Each is 60. 96 00:07:23,710 --> 00:07:26,850 So these items have already been passed to our code. 97 00:07:27,370 --> 00:07:35,720 So remember, as we move along, this Rapido form dict is used to get items that have been passed up 98 00:07:35,720 --> 00:07:40,550 here as parameters and then they are passed to our function here for processing. 99 00:07:41,170 --> 00:07:44,200 So put that in mind as we move along. 100 00:07:45,340 --> 00:07:51,580 And then the next thing that you're going to do is to see how we can run a query that is going to get 101 00:07:51,580 --> 00:07:57,260 all our affidavits, that all our articles from the database. 102 00:07:57,760 --> 00:08:01,210 So here you are going to be using the you can either use rescuable. 103 00:08:01,840 --> 00:08:04,980 That is you can you can just decide it here. 104 00:08:05,770 --> 00:08:06,880 You may be there for. 105 00:08:06,910 --> 00:08:14,510 And also you can decide to use Bench Maria to be this will be someone you can write your appearance 106 00:08:14,590 --> 00:08:21,400 here or we can decide to go with or we can decide to go with the Business Council instead of this or 107 00:08:21,400 --> 00:08:29,110 whichever you comfortable with, just to see which way you need to meet to get to get to the items that 108 00:08:29,410 --> 00:08:30,310 that you want from the. 109 00:08:34,640 --> 00:08:39,570 If I come here, for instance, I can do something like select committee. 110 00:08:39,600 --> 00:08:44,440 I will need to name this one from getting them from my from my article right here. 111 00:08:44,450 --> 00:08:48,710 Maybe I can customize to see the columns. 112 00:08:48,950 --> 00:08:54,890 So I'll get the name is the primary kirino get some of the few others here, so I'll select the name 113 00:08:55,250 --> 00:08:59,360 and then I'll do what the article name I think. 114 00:08:59,360 --> 00:09:04,640 And then they have all the and then I have I guess be in. 115 00:09:05,710 --> 00:09:06,820 And then I have a. 116 00:09:10,260 --> 00:09:10,940 Compost. 117 00:09:11,600 --> 00:09:16,410 And then I can do something from there. 118 00:09:16,680 --> 00:09:27,560 This one has our space, so we have to do that when we have prob it's not that at the school library. 119 00:09:27,660 --> 00:09:30,540 So we can do that and see what we get. 120 00:09:30,900 --> 00:09:32,140 So what do we need to pass that? 121 00:09:32,460 --> 00:09:37,650 So we have we have a number, you see the articles that we have here, these are all datin and this 122 00:09:37,650 --> 00:09:44,940 one has returned and this one has returned all over the columns that we have selected. 123 00:09:46,020 --> 00:09:56,130 So what if we wanted maybe to be meeting all this content and just quit and our endless code again? 124 00:09:57,210 --> 00:10:00,200 But this time I want to limit my limit. 125 00:10:00,220 --> 00:10:01,430 That's what I don't forget it. 126 00:10:01,620 --> 00:10:03,600 I want to limit my query. 127 00:10:04,140 --> 00:10:07,680 If I make this small, I don't know whether you will be able to see like that are able to see that. 128 00:10:08,960 --> 00:10:10,850 Yes, is it reasonable? 129 00:10:11,390 --> 00:10:14,640 OK, so limit the three. 130 00:10:14,660 --> 00:10:19,340 Let me say limit three you we have gotten the fastest three. 131 00:10:19,400 --> 00:10:21,550 This is very, very important what we are doing here. 132 00:10:21,740 --> 00:10:25,880 So we have day one the day the retest hook. 133 00:10:26,240 --> 00:10:29,510 Then they retest to reach that the first three items. 134 00:10:29,840 --> 00:10:32,420 These are the first three items that we have retrieved with this. 135 00:10:32,900 --> 00:10:40,430 Now, note that if I do that and then I add zero commentary here, that is, I repeat, zero comma three, 136 00:10:40,700 --> 00:10:43,750 I'm supposed to get the same results like I had up here. 137 00:10:44,240 --> 00:10:46,500 So I have the I have the same same results. 138 00:10:47,030 --> 00:10:52,640 So what this query does, because this is the query we are going to be using, first of all, show you 139 00:10:53,090 --> 00:10:56,010 if I do here now, very common. 140 00:10:56,030 --> 00:10:58,120 Three, let's see what we are going to get. 141 00:10:58,580 --> 00:11:04,910 We have video items, but this one has that this one piece 58, this 60, the test article. 142 00:11:06,050 --> 00:11:10,610 So those are three still, but they are starting from a different in index. 143 00:11:11,090 --> 00:11:13,070 Now, look at our look at the query. 144 00:11:13,070 --> 00:11:14,420 We didn't give it all items. 145 00:11:14,840 --> 00:11:18,500 The first three are ending at which that those are the ones we have here. 146 00:11:19,420 --> 00:11:26,380 It is with Rich that and then we have the next resulting from this 58, the ones that I have highlighted 147 00:11:26,380 --> 00:11:30,140 there, so that's 50, 60 and then test article. 148 00:11:30,650 --> 00:11:32,000 These are the ones that we have here. 149 00:11:32,500 --> 00:11:37,320 So these ones have been returned by this limitedly comma three. 150 00:11:37,720 --> 00:11:40,970 This one, it was written by zero comma three. 151 00:11:41,170 --> 00:11:47,140 So what this does is this facility here is used as the index. 152 00:11:47,140 --> 00:11:54,610 The video that I am highlighting here is you saw the index and then the second three is used as the 153 00:11:54,610 --> 00:11:56,650 number of items that you want. 154 00:11:57,190 --> 00:11:58,420 So this one is telling it. 155 00:11:58,990 --> 00:11:59,900 Let me start with this one. 156 00:11:59,950 --> 00:12:06,790 This one is letting this thing go to the database and then get me three items and start from index to 157 00:12:06,790 --> 00:12:11,880 zero or go to the database so that from index zero and get me three items. 158 00:12:12,460 --> 00:12:18,750 This one is telling the system, go to the database, start from index three and get three. 159 00:12:19,450 --> 00:12:20,250 The items. 160 00:12:20,710 --> 00:12:25,410 Remember, when you have this one here, this is index one. 161 00:12:25,750 --> 00:12:29,410 Index the index zero. 162 00:12:29,440 --> 00:12:31,900 One, two, three. 163 00:12:32,530 --> 00:12:34,860 So remember, this one starts from index zero. 164 00:12:35,110 --> 00:12:36,530 So the first one is zero. 165 00:12:36,580 --> 00:12:37,390 This is one. 166 00:12:37,810 --> 00:12:38,620 This is two. 167 00:12:38,620 --> 00:12:39,670 And then this is three. 168 00:12:40,030 --> 00:12:47,670 So if we went here and read the same code again by this thing, we do need to start from six to eight, 169 00:12:48,160 --> 00:12:51,220 would start from the exits and get me three items. 170 00:12:51,520 --> 00:12:54,940 If you run that code, you're going to get from test, 171 00:12:57,970 --> 00:12:59,110 test, test, test. 172 00:12:59,560 --> 00:13:02,620 And then one is the wind and then think and grow rich. 173 00:13:02,630 --> 00:13:08,520 So these are started from index number six and it really has three items. 174 00:13:08,770 --> 00:13:14,500 So remember, this is this quote is going to be very important when we are doing pagination for our 175 00:13:14,500 --> 00:13:15,470 content now. 176 00:13:16,260 --> 00:13:17,260 And that's it. 177 00:13:18,010 --> 00:13:21,460 You will need it now to explore this code more so that you see. 178 00:13:21,830 --> 00:13:24,400 Are you going to apply it in other things? 179 00:13:24,790 --> 00:13:31,750 In our case today, I want us to write a function now that is going to use it to pay our content. 180 00:13:31,750 --> 00:13:36,720 And the display on our page here, the number of items down here that we need. 181 00:13:36,730 --> 00:13:45,340 And you're going to be displaying three items per page so you can decide to write this as a tell. 182 00:13:45,430 --> 00:13:46,560 That is what you are going to do. 183 00:13:46,560 --> 00:13:48,910 We are going to write it in the file. 184 00:13:50,260 --> 00:13:52,050 You can decide to put it in another file. 185 00:13:52,060 --> 00:14:00,340 Maybe you have decided you have put it your own utils file so you can just go ahead and put it there 186 00:14:00,880 --> 00:14:01,750 for us to be. 187 00:14:03,480 --> 00:14:09,180 We are going to put it in our index file and then we are going to import it here and they're going to 188 00:14:09,180 --> 00:14:13,680 use it to get the articles that are pegylated. 189 00:14:14,780 --> 00:14:19,460 So let's go ahead and say define we can call this function, you can call this function, whatever you 190 00:14:19,460 --> 00:14:20,300 like to call it. 191 00:14:20,820 --> 00:14:24,980 I'm going to be calling us today something like it. 192 00:14:26,690 --> 00:14:31,250 And then with this function is going to begin to. 193 00:14:32,530 --> 00:14:38,410 Parameters, the first parameter is the duct tape, and the reason why I want us to do it this way is 194 00:14:38,410 --> 00:14:43,720 because you may decide, you know, presentation is not something that you're going to do only in one 195 00:14:43,930 --> 00:14:44,630 one DOCTYPE. 196 00:14:44,650 --> 00:14:50,830 You may need to be doing it, maybe all your doctor names or maybe even if you need to be doing it. 197 00:14:50,830 --> 00:14:57,760 Only to the best thing to do here is to write on util that you are going to call and then you pass the 198 00:14:58,090 --> 00:15:01,600 data and then it is going to do that for you. 199 00:15:01,630 --> 00:15:07,830 So this DOCTYPE in our case today is going to be the article library DOCTYPE and then the next item 200 00:15:07,840 --> 00:15:11,620 you are going to be passing is the page and by default we are going to pass out. 201 00:15:11,620 --> 00:15:16,050 The page is starting at zero, so everything is going to start at zero. 202 00:15:16,450 --> 00:15:22,540 So remember when we are here, when are here, look at this query that we are in here. 203 00:15:23,110 --> 00:15:29,740 We have select all those from our Thibeault limit, then we have to to start from index to zero all 204 00:15:29,740 --> 00:15:32,950 the way to and get us the items. 205 00:15:33,310 --> 00:15:37,030 So in our code, this index is going to be passed as the page. 206 00:15:37,600 --> 00:15:42,940 So we are going to pass a page here and that is what we are going to use to get the articles that we 207 00:15:42,940 --> 00:15:43,540 want to get. 208 00:15:44,050 --> 00:15:46,890 So the tape and then pass the page. 209 00:15:46,900 --> 00:15:56,830 Remember to get the page to start from index zero and then every time you have pegylated content. 210 00:16:00,840 --> 00:16:06,210 You have the previous and the next buttons, so we can go ahead and see previous the next. 211 00:16:07,880 --> 00:16:14,290 Next equals and you're going to say previous and next I'm going to start from zero zero. 212 00:16:14,990 --> 00:16:21,540 So that's what we have done here is just like seeing equals zero and next equal to zero. 213 00:16:21,800 --> 00:16:24,430 So this one is an equivalent of this. 214 00:16:24,450 --> 00:16:26,350 So whichever you're comfortable with, it's OK. 215 00:16:26,690 --> 00:16:30,110 But this one is neat and as fewer characters. 216 00:16:30,680 --> 00:16:32,060 So it's up to you to select that. 217 00:16:32,510 --> 00:16:37,490 And then the next thing that we need to do here, because we are going to be writing a dynamic, a dynamic. 218 00:16:38,960 --> 00:16:45,320 We're here, we may have some things, queries that have conditions, for example, is you may come 219 00:16:45,320 --> 00:16:53,390 here and say, I want to pass parameters, select whatever from our table where we are X, Y, Z, so 220 00:16:53,390 --> 00:16:55,460 that we're X, Y, Z is a condition. 221 00:16:55,820 --> 00:16:59,910 So the query we want to write here, because it is going to be a very dynamic one. 222 00:16:59,930 --> 00:17:07,880 Remember, we have a dynamic DOCTYPE we may need to pass in some conditions so we can define another 223 00:17:07,880 --> 00:17:13,850 variable here in the passing conditions and these conditions you are going to pass in an empty string 224 00:17:13,850 --> 00:17:14,390 for now. 225 00:17:15,960 --> 00:17:23,460 Only that space and then we can go ahead and now write our query so we can see where it was, then go 226 00:17:23,460 --> 00:17:28,240 ahead and write about where we can pick it from our console here. 227 00:17:28,950 --> 00:17:33,480 So we are going to say we are going to pick this one. 228 00:17:34,140 --> 00:17:36,690 We may not need not the limit. 229 00:17:37,110 --> 00:17:42,420 The limit is going to have to come from another function, from another another place. 230 00:17:42,450 --> 00:17:47,970 So let me copy this robot here and then here I'm going to pass in a formatted string. 231 00:17:49,410 --> 00:17:53,010 Thirty six of them, and then I passed that. 232 00:17:54,100 --> 00:18:02,470 Microsoft, so that all these items from our article now look here we have passed. 233 00:18:04,850 --> 00:18:11,420 We have Buster Hardcoded article brought here and we are passing in our DOCTYPE here, so we do not 234 00:18:11,420 --> 00:18:16,790 need to do this so we can remove this and replace it with our dog. 235 00:18:18,110 --> 00:18:20,920 This is the duct tape that we passed as a parameter here. 236 00:18:20,930 --> 00:18:27,470 So this is going to receive a parameter and is going to proceed with our with our with running our query. 237 00:18:27,710 --> 00:18:32,840 And then this is from people that we are you remember to do these conditions. 238 00:18:33,890 --> 00:18:35,010 Let me scroll a little bit. 239 00:18:35,390 --> 00:18:36,710 These conditions are. 240 00:18:40,340 --> 00:18:46,670 It was ABC, so we can also pass this one here as conditions, so if there are any conditions, they're 241 00:18:46,670 --> 00:18:49,720 going to be passed here and then that quote is complete. 242 00:18:50,240 --> 00:18:56,120 That is that is that security now is going to be receiving dynamic data and is going to be running or 243 00:18:56,120 --> 00:18:58,840 whatever it is, it has been instructed to run. 244 00:18:58,840 --> 00:19:05,330 And then the next thing that we are required to do here is to check if apage we are passerby's here, 245 00:19:05,630 --> 00:19:08,960 not we have when we have a page, we can see if page. 246 00:19:10,430 --> 00:19:18,260 His function checks if this page this function checks, if this page exists, by this I mean when you 247 00:19:18,260 --> 00:19:22,280 come to the browser here, I mean, first of all, remove age. 248 00:19:23,180 --> 00:19:27,760 You see here you be passing a page item or a parameter code page. 249 00:19:28,070 --> 00:19:29,510 So when I run this function. 250 00:19:29,540 --> 00:19:31,850 Now this one has pages. 251 00:19:31,880 --> 00:19:33,910 So this one will be written through. 252 00:19:33,920 --> 00:19:34,790 It has a speech. 253 00:19:35,510 --> 00:19:39,510 Now, if it is not there, like, for instance, is our homepage just the homepage? 254 00:19:39,890 --> 00:19:41,280 This is not going to have peace. 255 00:19:41,750 --> 00:19:44,620 So this is what the condition we are taking here using each page. 256 00:19:44,870 --> 00:19:48,220 That means if the hassabis, we are supposed to run some code here. 257 00:19:48,230 --> 00:19:55,070 So first of all, let me pass, because if you want to read some quite some amount of logic or if we 258 00:19:55,070 --> 00:19:56,240 don't have that page. 259 00:19:57,420 --> 00:20:02,580 We can see what else and then we are going to write write our condition here. 260 00:20:02,780 --> 00:20:05,430 We can see the funding that we need to do. 261 00:20:05,430 --> 00:20:10,950 That is if we do not have a beach, that is for the kids of our home beach. 262 00:20:11,190 --> 00:20:12,800 So we have not passed any peace here. 263 00:20:13,530 --> 00:20:19,050 We have not we don't have any sort of funding that we want to do and we don't have a beach is count 264 00:20:19,080 --> 00:20:22,320 the number of items or the number of articles that we have here. 265 00:20:23,130 --> 00:20:29,910 So we don't want like we said, when you are starting, we don't want to display 100 items on this on 266 00:20:29,910 --> 00:20:33,140 this page because it would be a bad experience for the users. 267 00:20:33,630 --> 00:20:39,390 So the first thing is to check how many articles do I have so I can just do a body count. 268 00:20:39,390 --> 00:20:41,310 You can call it whatever you call it. 269 00:20:42,230 --> 00:20:47,570 And then I'm going to say equals this again, you can test it on your post also that you have a lot 270 00:20:47,570 --> 00:20:49,950 of issues surrounding this so we can go back here. 271 00:20:51,050 --> 00:20:59,700 Let me just create this week, then a clear and then a double edged sword. 272 00:20:59,900 --> 00:21:01,110 I'm hopeful that the. 273 00:21:02,730 --> 00:21:09,240 You're not comfortable using birth control and stuff like that, it's just like I put it, on sale so 274 00:21:09,240 --> 00:21:16,740 we can do we can do Covenant Records and then we pass therapy, not repeat, not ask you. 275 00:21:16,760 --> 00:21:20,250 Well, and then here we are going to run our query. 276 00:21:20,610 --> 00:21:24,560 So we are going to do one, two, three, one, two, three. 277 00:21:24,570 --> 00:21:26,820 We are going to do select. 278 00:21:29,040 --> 00:21:33,920 A select and then we do account and we want to count. 279 00:21:35,880 --> 00:21:43,980 You can count whatever and then we can do us even count into account and then we need to pass out from 280 00:21:44,610 --> 00:21:48,240 the people you want to count from is our tab. 281 00:21:51,760 --> 00:21:52,390 Typical. 282 00:21:53,530 --> 00:21:54,170 LaBron. 283 00:21:57,150 --> 00:22:05,670 What we have schools in Texas, an era is what we have silicones name comes from article library. 284 00:22:07,310 --> 00:22:16,010 Oh, let me see what we have here at the library is quoted, OK, me see whether this is what I need. 285 00:22:18,260 --> 00:22:20,840 It makes it here. 286 00:22:22,600 --> 00:22:33,000 BMI console, then console again, and I ran that, I have an issue to you, so you have an error. 287 00:22:35,830 --> 00:22:36,850 Silicones. 288 00:22:37,980 --> 00:22:44,490 Oh, I wrote, I suspect not select, so this is not supposed to be to say it is supposed to be select, 289 00:22:45,760 --> 00:22:47,480 so I have it there. 290 00:22:47,550 --> 00:22:50,850 And then if I do count, you see this one is returning that. 291 00:22:51,090 --> 00:22:53,540 So we have about ten items in our database. 292 00:22:53,910 --> 00:22:56,610 So what if we wanted to return an object we can do. 293 00:22:58,920 --> 00:22:59,970 We can do this here. 294 00:23:00,010 --> 00:23:05,710 We remember you are doing us and our school because it was true. 295 00:23:06,690 --> 00:23:11,030 So if I are going to count now, I have a count in 14. 296 00:23:11,310 --> 00:23:20,610 So I have this one now with returning my number of the number of items I have in my in my database so 297 00:23:20,610 --> 00:23:21,540 I can go ahead now. 298 00:23:21,540 --> 00:23:27,810 And and before we do that, we want only to return the number so we do not need it, not need an object. 299 00:23:28,200 --> 00:23:35,730 So we can do because this is a this is an array and you know that arrays start from index zero. 300 00:23:36,090 --> 00:23:41,430 So definitely this is an array of objects and therefore this object is at index zero. 301 00:23:41,430 --> 00:23:44,010 So I can go ahead and do zero if I do that. 302 00:23:44,310 --> 00:23:51,600 And then I look at my area again, I have this I have that note that if I do this without selecting 303 00:23:51,600 --> 00:23:55,940 the index of the array, I get an array of objects. 304 00:23:56,220 --> 00:23:58,700 So the first object is count that in. 305 00:23:59,130 --> 00:24:04,670 If I say that I only wanted the first item in the array, I only get an object. 306 00:24:04,710 --> 00:24:06,250 This is not an array of objects. 307 00:24:06,720 --> 00:24:07,290 This is that. 308 00:24:07,470 --> 00:24:08,640 This is the first object. 309 00:24:09,780 --> 00:24:12,360 And then if I do that, then I do. 310 00:24:12,930 --> 00:24:18,840 So I want only to get this site and hear those comments into and then I look at what I have here, I 311 00:24:18,840 --> 00:24:20,070 have counted 14. 312 00:24:20,230 --> 00:24:21,300 So this is what we need. 313 00:24:21,780 --> 00:24:23,250 We can go ahead and copy this. 314 00:24:25,150 --> 00:24:27,370 Copy this as it is. 315 00:24:28,750 --> 00:24:33,910 Copy it and then I bring it to my code here and I ask is. 316 00:24:34,980 --> 00:24:43,440 So here we have four appear to be select all that as count now remember that this duct tape, we are 317 00:24:43,440 --> 00:24:46,590 passing it dynamically so we do not need to have it. 318 00:24:46,590 --> 00:24:47,130 Had to put it. 319 00:24:47,170 --> 00:24:48,300 Yes, we can remove that. 320 00:24:48,750 --> 00:24:51,570 And then I pass duct tape. 321 00:24:52,380 --> 00:24:58,710 And then when you do that, remember that this is supposed to be a formatted string python three, so 322 00:24:58,710 --> 00:25:06,000 that if you understand what you mean by passing this this other item inside here, so that is done, 323 00:25:06,000 --> 00:25:06,880 we are done with that. 324 00:25:06,900 --> 00:25:11,220 The next thing that we need to do now, this is checking the number of this is getting for you the number 325 00:25:11,220 --> 00:25:15,900 of items that are in the table of the duct tape that you are trying to work with. 326 00:25:16,470 --> 00:25:19,110 And therefore, we are going to see the next thing is to check the condition. 327 00:25:19,110 --> 00:25:21,810 And so we can see if count is greater than three. 328 00:25:21,810 --> 00:25:25,550 Remember, we want to we want to present our content with the items. 329 00:25:25,830 --> 00:25:28,720 So if count equals three, what are we supposed to do here? 330 00:25:29,000 --> 00:25:31,560 We're going to set our previous. 331 00:25:33,250 --> 00:25:42,230 And previous and next pages, and these are going to be set, by my count, is greater than three, 332 00:25:42,250 --> 00:25:45,400 that means we have more than three items in our database. 333 00:25:45,400 --> 00:25:48,430 So we can do previously just zero. 334 00:25:48,710 --> 00:25:51,010 And the next page is supposed to be two. 335 00:25:51,430 --> 00:25:53,260 Why are we seeing two and not one? 336 00:25:53,710 --> 00:25:57,820 Because we are at right now and we load our page. 337 00:25:58,390 --> 00:25:59,980 We are at index one. 338 00:26:00,010 --> 00:26:03,050 They the page that you're going to read first is the first page. 339 00:26:03,400 --> 00:26:06,550 So if you want to go to the next page, that will be page two. 340 00:26:06,760 --> 00:26:09,630 If you want to go to the previous page, that is supposed to be PGC. 341 00:26:10,840 --> 00:26:16,870 So if my account has more than three items or three articles in our case, then say to this. 342 00:26:18,080 --> 00:26:25,340 Else, what are we supposed to do, not means because it means we do not have more than three items 343 00:26:25,340 --> 00:26:27,520 and therefore we can just simply pass. 344 00:26:27,740 --> 00:26:29,950 So this we don't need to process anything there. 345 00:26:30,190 --> 00:26:32,930 Guys, go ahead and display the content as it is. 346 00:26:33,290 --> 00:26:37,280 And then after that, the next thing we going to do is not to assign our articles. 347 00:26:37,520 --> 00:26:42,310 So articles, we are not going to run a query that is going to get our articles. 348 00:26:42,560 --> 00:26:48,680 So when we have we we don't have more than three items is going to jump into this when we have more 349 00:26:48,680 --> 00:26:54,920 than the items is going to, first of all, set this and then it's going to jump into our database for 350 00:26:55,130 --> 00:26:59,210 the articles so we can go ahead and do Frappier. 351 00:27:00,850 --> 00:27:05,050 To be told Escuela. 352 00:27:06,460 --> 00:27:12,820 Then the query want to run here, remember you wrote this is the query, so I can copy this and pass 353 00:27:12,820 --> 00:27:13,220 it here. 354 00:27:13,900 --> 00:27:18,880 So this article is going to run the whole of that query. 355 00:27:19,860 --> 00:27:27,870 And then suppose we have we have we have this condition is coming from this other this other this other 356 00:27:27,870 --> 00:27:31,390 item here, we need to pass we need to pass more parameters here. 357 00:27:31,440 --> 00:27:37,770 So we are going to see plus so what it is, is going to do at the end of this year, and that is we 358 00:27:37,770 --> 00:27:39,780 do not close this at the end. 359 00:27:39,780 --> 00:27:42,540 He is going to happen to this other item that we want to do here. 360 00:27:43,050 --> 00:27:48,030 And this item is only going to be applied when the condition has hit. 361 00:27:48,060 --> 00:27:52,440 This situation here in this one is not going to address the parameters. 362 00:27:52,710 --> 00:27:54,510 So limit we are going to do. 363 00:27:56,290 --> 00:28:04,020 Six of these, and then we're going to say limit and we want to limit very remember, you won't want 364 00:28:04,030 --> 00:28:04,840 to get greedy. 365 00:28:05,500 --> 00:28:10,650 You remember when you are doing our codeine in the console, you are saying limit three. 366 00:28:10,960 --> 00:28:17,200 So you want this to limit are adding on by the items and then you want to pass this as a dictionary 367 00:28:17,740 --> 00:28:19,750 so we can see it goes through. 368 00:28:19,990 --> 00:28:21,930 So this one now is complete. 369 00:28:22,900 --> 00:28:28,450 The next thing that we want to do is suppose you see this, what you have written when. 370 00:28:32,760 --> 00:28:36,190 We have landed on our front beach when we have landed on our front page. 371 00:28:36,210 --> 00:28:41,060 What we are telling the system is, first of all, don't for me tell me how many items are in that stable 372 00:28:41,370 --> 00:28:47,030 then this is every time something occasionally does that in when it returns that in the system, they 373 00:28:47,040 --> 00:28:48,380 set the next condition. 374 00:28:48,380 --> 00:28:53,520 This is the count greater than three EPS is going to assign them next. 375 00:28:53,520 --> 00:28:56,540 And previous battles, if not, is just going to pass. 376 00:28:56,820 --> 00:29:03,540 And then after they are done these conditions, it is going to run this query and assign assign this 377 00:29:03,540 --> 00:29:06,250 variable whatever is going to be retained by this. 378 00:29:06,750 --> 00:29:11,120 So the next thing we can do now is what if this page has content? 379 00:29:11,280 --> 00:29:17,720 What if this page we are we had something here, like for instance, we had the last call on make we 380 00:29:17,730 --> 00:29:19,440 what we did like that. 381 00:29:19,800 --> 00:29:24,280 What if we have this page equals page equals five. 382 00:29:24,870 --> 00:29:27,380 This is not going to be found in this situation. 383 00:29:27,660 --> 00:29:31,060 These are not to be found here, but rather it is going to be here. 384 00:29:31,350 --> 00:29:32,630 So we need to handle that case. 385 00:29:32,640 --> 00:29:33,720 So we remove the past. 386 00:29:34,640 --> 00:29:40,910 You know the logic for that, so the first thing you're going to do is to convert it into an integer 387 00:29:40,910 --> 00:29:45,230 because remember this page mostly in Python, it comes as a string. 388 00:29:45,230 --> 00:29:48,410 Every time you set a variable, it comes as a string. 389 00:29:48,440 --> 00:29:51,980 So you need to tell Python, I want to handle this thing as an integer. 390 00:29:51,980 --> 00:29:53,450 So I do Mientkiewicz. 391 00:29:54,530 --> 00:30:01,220 Put vegetables in the garbage and then anything that is written on this one articles, because we can 392 00:30:01,220 --> 00:30:03,020 safely copy this. 393 00:30:04,650 --> 00:30:11,400 Query that we have down here listed here, but this time we are going to have more conditions because 394 00:30:11,400 --> 00:30:16,480 remember, we need to pass we need to pass our we need to pass our PGA, the PGA limit. 395 00:30:17,040 --> 00:30:18,180 Yeah, the PGA. 396 00:30:18,420 --> 00:30:27,840 You remember when we were running bench let exit here and show you this bench, Maria. 397 00:30:30,050 --> 00:30:38,900 Maria Déby and able to go back, yes, you see, when you are doing this, we are passing limit six 398 00:30:38,900 --> 00:30:42,310 and three, so we need to pass this to our system right now. 399 00:30:42,320 --> 00:30:48,800 The code that we have, the code that we have here, if you look closely, this is only having limit 400 00:30:48,800 --> 00:30:49,210 three. 401 00:30:49,370 --> 00:30:51,670 So this is like limit zero and three. 402 00:30:51,680 --> 00:30:53,280 It does not have any other condition. 403 00:30:53,660 --> 00:31:00,440 So here because we have we have pages, we need to take this page and deposit here so that our system 404 00:31:00,440 --> 00:31:05,100 is going to run this query query looking like the one we have here. 405 00:31:05,390 --> 00:31:06,800 So that is what we want to do now. 406 00:31:07,880 --> 00:31:13,760 Now, there is one more thing that you need to note before we can do this, because here, ideally, 407 00:31:13,760 --> 00:31:15,440 the condition is going to be limit. 408 00:31:15,800 --> 00:31:18,170 And then here we're going to report this. 409 00:31:18,320 --> 00:31:23,440 And that said, if you are passing this in here, I don't really give details that we have to pass are 410 00:31:23,460 --> 00:31:24,350 formatted string. 411 00:31:24,980 --> 00:31:28,160 And then here we are going to do page. 412 00:31:29,060 --> 00:31:37,400 And then, um, come on, bridge and then comma, but not that this is supposed to be dynamic, so we 413 00:31:37,400 --> 00:31:40,270 can do something like page by three. 414 00:31:41,250 --> 00:31:47,130 And I'm going to explain why we are having a baby right now and then we also need to do something like 415 00:31:47,130 --> 00:31:48,100 minus three. 416 00:31:48,540 --> 00:31:50,520 So this is the condition that you're going to have here. 417 00:31:50,730 --> 00:31:53,070 Limit Page was read by the ministry. 418 00:31:53,400 --> 00:31:54,870 Now, look at what we had here. 419 00:31:54,900 --> 00:31:55,800 Let me go back here. 420 00:31:57,000 --> 00:32:04,100 I want to go back to the first one and then I get the second one and then I get this one. 421 00:32:04,530 --> 00:32:10,080 Now when you look at this, this is getting close to zero and getting the items. 422 00:32:10,500 --> 00:32:15,090 Look at the second one if we pass the page as page number one. 423 00:32:16,060 --> 00:32:23,980 Or, yeah, I also needed to do limitedly, so if we have if we have here something like limitedly without 424 00:32:23,980 --> 00:32:29,160 this fasta zero, this is going to return the same items that we have here. 425 00:32:29,740 --> 00:32:36,550 But when we pass something here, like every get me from index number three and get me the items, this 426 00:32:36,550 --> 00:32:39,160 is going to jump in that from index number three. 427 00:32:39,400 --> 00:32:41,200 Now this, remember, is page one. 428 00:32:41,680 --> 00:32:43,030 This is page one. 429 00:32:43,150 --> 00:32:44,080 I'm in page two. 430 00:32:44,080 --> 00:32:44,980 Sorry, not which one. 431 00:32:45,370 --> 00:32:52,450 So how this thing works is when we pass on our browser here, we want to get page one. 432 00:32:52,930 --> 00:32:54,670 Page one is going to be passed. 433 00:32:55,060 --> 00:32:56,600 Which one is going to be passed here? 434 00:32:56,830 --> 00:32:59,380 So this is going to be one times three. 435 00:33:00,280 --> 00:33:02,260 One times three, which is three. 436 00:33:02,590 --> 00:33:11,020 And then you need to subtract from that page, because if you pass page, this is page one, page one 437 00:33:11,020 --> 00:33:12,300 times, this is going to be three. 438 00:33:12,970 --> 00:33:19,540 And then if you don't subtract three, you pass, you tend to get from three to three is going to dump 439 00:33:19,540 --> 00:33:24,600 the first three items and is going to get for you from index three to index number six. 440 00:33:25,180 --> 00:33:31,600 But when we do, minus three is going to start from index number index number zero because we have one 441 00:33:31,600 --> 00:33:33,580 times three, which is the minus three. 442 00:33:33,580 --> 00:33:35,620 So zero to three. 443 00:33:36,010 --> 00:33:45,010 Suppose we had to page two is going to be two times three, which is six and then six minus three, 444 00:33:45,010 --> 00:33:45,610 which is three. 445 00:33:45,610 --> 00:33:50,860 So page two is going to have three minus I mean three comma three. 446 00:33:51,100 --> 00:33:52,940 So it's going to return for you that those pages. 447 00:33:53,110 --> 00:33:55,420 So ideally this thing works like this. 448 00:33:55,420 --> 00:33:57,340 This formula is ideally like this. 449 00:33:57,820 --> 00:34:01,870 Get the page number multiplied by the pagination. 450 00:34:02,260 --> 00:34:02,940 This can change. 451 00:34:02,980 --> 00:34:06,130 Remember, if you want five items, this or this will be five. 452 00:34:06,550 --> 00:34:10,140 So you have page multiplied by five minus five. 453 00:34:10,600 --> 00:34:13,490 And then up to the. 454 00:34:13,600 --> 00:34:15,020 This is going to be five. 455 00:34:15,820 --> 00:34:16,270 There is one. 456 00:34:16,300 --> 00:34:17,010 We have three. 457 00:34:17,140 --> 00:34:23,480 Here is because what we are getting our content by three and therefore this formula is constant. 458 00:34:23,500 --> 00:34:29,850 I am going to be putting this to to get Hub so that people can also be able to copy it and reuse. 459 00:34:30,790 --> 00:34:40,420 So then we have passed that item and now the next thing that we need to do here is to check if we have 460 00:34:40,420 --> 00:34:41,460 a next page. 461 00:34:41,890 --> 00:34:47,940 Remember, this one is getting our is getting our articles by the page that we are at. 462 00:34:48,310 --> 00:34:54,160 But then the next thing that we need to add to the system is to know is if I am at page four right now, 463 00:34:54,730 --> 00:34:55,210 do I? 464 00:34:55,240 --> 00:34:56,710 Is there any other page two? 465 00:34:56,710 --> 00:34:57,720 Is there page five? 466 00:34:57,730 --> 00:34:59,530 Is there any data ahead? 467 00:34:59,540 --> 00:35:03,970 So they can also be prepared so that they can also populate the next button? 468 00:35:04,540 --> 00:35:08,680 And I can do that by saying if I'm going to check up on this one, if. 469 00:35:09,870 --> 00:35:14,820 Something like, you know, before, before, before the condition, I have to check whether this data 470 00:35:15,300 --> 00:35:20,360 again next and as it is available, can call it whatever you want. 471 00:35:20,790 --> 00:35:24,540 And then I'm going to copy ideally, I'm going to copy this condition as it is. 472 00:35:26,060 --> 00:35:35,170 Copy that we have next page equals that, and then I do not need to do this minus here. 473 00:35:36,770 --> 00:35:44,660 This will work like that, not only those brackets, so I'm paying a system, get me the current page 474 00:35:45,140 --> 00:35:46,650 and get within the items. 475 00:35:46,680 --> 00:35:49,040 So this is going to be the next page. 476 00:35:49,620 --> 00:35:51,220 Remember, this is the current page. 477 00:35:51,650 --> 00:35:52,870 This is the next page. 478 00:35:52,880 --> 00:35:57,940 Like, for instance, if you're in page two, this is going to be two times the receipts, minus three. 479 00:35:58,280 --> 00:35:59,390 Very angry. 480 00:35:59,930 --> 00:36:06,380 If we want to check whether there is data ahead of that page, we need to get from from number six because 481 00:36:06,380 --> 00:36:11,090 we are getting the items from index number three, from index number three, get the items. 482 00:36:11,480 --> 00:36:16,790 So if I want to know whether there is more data ahead, I'll get from index number six and I try to 483 00:36:16,820 --> 00:36:18,500 get whatever number of items. 484 00:36:18,710 --> 00:36:20,990 So this must not even be anything. 485 00:36:22,690 --> 00:36:31,990 So if there is data here, then this is what I need to check, so if I have a better idea, what what 486 00:36:31,990 --> 00:36:32,880 am I supposed to do? 487 00:36:35,970 --> 00:36:43,560 OK, so if I have data, I'm going to set the previous on the next button and I'm going to do previous 488 00:36:43,560 --> 00:36:46,110 equals minus one. 489 00:36:46,500 --> 00:36:51,120 Remember, the two previous page is I want to get the current picture. 490 00:36:51,120 --> 00:36:53,760 They add and subtract one. 491 00:36:54,240 --> 00:37:00,600 Like if I am if I am at page four, my previous page will be pretty great. 492 00:37:00,660 --> 00:37:02,830 So it's basically four minus one. 493 00:37:03,120 --> 00:37:07,230 My next page is basically page plus one, simple as that. 494 00:37:08,450 --> 00:37:16,290 Then the next thing, if this doesn't have to be the I mean, if I don't have a next page or if the 495 00:37:16,300 --> 00:37:20,880 data here I am at the last page, then what am I supposed to do here? 496 00:37:20,890 --> 00:37:26,130 I'm also going to say the previous and the next page and these are going to be the previous page is 497 00:37:26,130 --> 00:37:26,860 not going to change. 498 00:37:26,880 --> 00:37:32,190 So it will be page minus one, but the next page is going to be zero because there is no next feature. 499 00:37:32,550 --> 00:37:33,990 So it's going to be zero. 500 00:37:34,350 --> 00:37:41,850 And that said, this quote, We are now ready to go ahead and return whatever we have so we can go down 501 00:37:41,850 --> 00:37:43,440 here and do. 502 00:37:44,910 --> 00:37:51,930 Can and remember, here we we did we can just format it like this and then here we are going to return 503 00:37:52,370 --> 00:37:54,590 articles and articles. 504 00:37:54,630 --> 00:37:56,310 It's going to take this up because. 505 00:37:58,420 --> 00:38:04,060 And that one is so big here, and then he also went to return the story. 506 00:38:04,250 --> 00:38:10,340 We are also going to return the previous page and this is going to stick the previous page and then 507 00:38:10,340 --> 00:38:11,930 you're going to return the next page. 508 00:38:12,240 --> 00:38:14,720 And this is going to be next page. 509 00:38:15,050 --> 00:38:17,740 This is not coming up in this column. 510 00:38:18,560 --> 00:38:24,680 And this now summarizes our code then it's been before I say that we have someone else, let us go ahead 511 00:38:24,680 --> 00:38:30,710 and try to test this code using our bench console before we tried even on the browser, because it will 512 00:38:30,710 --> 00:38:31,730 be easier to debug. 513 00:38:32,540 --> 00:38:35,210 So I will go here and buy you. 514 00:38:38,680 --> 00:38:44,980 And nuclear weapons, the console, which console? 515 00:38:45,960 --> 00:38:49,420 And I just pastries could be painful. 516 00:38:50,040 --> 00:38:53,240 And then I'll just call this function is called the Djinnit. 517 00:38:54,030 --> 00:38:55,320 My function is beating it. 518 00:38:55,620 --> 00:38:57,540 And remember, this is taking. 519 00:38:58,450 --> 00:39:01,630 It need not be done or that it's beach meat. 520 00:39:01,660 --> 00:39:09,430 I thought it didn't fit with this function is expecting my DOCTYPE, but see from the way we have eaten 521 00:39:09,430 --> 00:39:15,250 our port, we are passing PAB, so we do not need to pass anymore up here so I can go ahead and pass 522 00:39:15,880 --> 00:39:16,490 article. 523 00:39:18,810 --> 00:39:23,410 Library into a wonderful, wonderful thing. 524 00:39:23,430 --> 00:39:23,880 So. 525 00:39:25,390 --> 00:39:31,870 Here we have an article and our system is returning to items, you see we have the objects here, we 526 00:39:31,870 --> 00:39:36,550 have this one, which is the very test hook. 527 00:39:37,030 --> 00:39:40,960 Then we have this other one, which is the three tested two. 528 00:39:41,410 --> 00:39:45,760 If you come to the database here, let me go back. 529 00:39:46,900 --> 00:39:50,510 And this is not arranged, is not going to help us. 530 00:39:51,040 --> 00:39:53,690 I wish I had this one elsewhere. 531 00:39:53,710 --> 00:39:57,310 If you remember the quote, the queries we read, these are the articles that you are getting. 532 00:39:58,000 --> 00:39:59,880 So we have this one watching. 533 00:39:59,890 --> 00:40:05,310 What if you want to get to pass on the side here? 534 00:40:05,470 --> 00:40:08,710 If I pass one note, is that this one I didn't pass anything. 535 00:40:08,710 --> 00:40:09,670 I didn't pass a page. 536 00:40:09,970 --> 00:40:12,090 And you see, our function is picking up. 537 00:40:12,880 --> 00:40:17,660 The reason why is because by default it is the page was passed as zero. 538 00:40:17,980 --> 00:40:23,380 So what if I pass one note that this one is going also to return the same items? 539 00:40:23,800 --> 00:40:27,120 So the first item here is the there's two. 540 00:40:27,190 --> 00:40:32,380 This is what we have here, because page one by default is what is there is what is used. 541 00:40:32,770 --> 00:40:34,230 What if we pass to here? 542 00:40:35,320 --> 00:40:43,360 Now, note that this idea goes after fifty eight and then we have the 60 and then we have this article. 543 00:40:43,960 --> 00:40:49,900 And also the other thing that that you should note is we have here the previous and the next items. 544 00:40:51,440 --> 00:40:52,310 Just excuse me. 545 00:40:53,360 --> 00:40:53,930 Thank you. 546 00:40:57,020 --> 00:41:04,520 So we have the previous and the next items, when we are at page one, our previous item is zero. 547 00:41:04,550 --> 00:41:10,910 And our next item is to now when we add to the to that we have passed here. 548 00:41:11,330 --> 00:41:14,570 The previous item is one and the next item is three. 549 00:41:14,780 --> 00:41:18,850 So that looks really good if we pass here three, three. 550 00:41:19,520 --> 00:41:20,390 Look at this. 551 00:41:20,570 --> 00:41:23,740 We have the previous two and the next Rs4. 552 00:41:23,870 --> 00:41:25,310 So our code is working fine. 553 00:41:25,940 --> 00:41:33,230 And also you can see also the articles that we have here are the ones that are on page four. 554 00:41:34,040 --> 00:41:40,100 So we can go ahead and take take this quote this dysfunctionally have written it on the EPA note by 555 00:41:40,100 --> 00:41:40,450 fire. 556 00:41:40,460 --> 00:41:41,970 So this quote was OK. 557 00:41:42,620 --> 00:41:54,830 The next thing we're going to do now is to to import this function or this util inside of our inside 558 00:41:54,830 --> 00:42:01,550 of our index file so that we can go ahead and replace this with with the code that we need. 559 00:42:01,700 --> 00:42:03,320 We need we need for. 560 00:42:04,860 --> 00:42:06,610 With the goal that we need, we need to run here. 561 00:42:07,200 --> 00:42:10,020 So what you going to do here is. 562 00:42:12,010 --> 00:42:24,780 We do see from the library, not you, you bought import pigmeat, yes, import. 563 00:42:25,230 --> 00:42:31,320 So this is being imported onto our beach, onto our page. 564 00:42:31,470 --> 00:42:32,190 Excuse me. 565 00:42:32,310 --> 00:42:35,250 If you have questions, let them come. 566 00:42:35,250 --> 00:42:36,310 Give me a second. 567 00:42:36,420 --> 00:42:36,910 Kindly. 568 00:42:55,490 --> 00:42:56,090 Hello, Mummy. 569 00:42:58,820 --> 00:42:59,780 It is great news. 570 00:43:00,290 --> 00:43:03,210 We can have questions only that I'm not able to talk. 571 00:43:03,240 --> 00:43:05,940 Just give me a sec and we can have questions I can hear. 572 00:43:07,800 --> 00:43:13,680 OK, if any one has if you have a question, can you raise. 573 00:43:18,700 --> 00:43:22,030 I think it's straight, there's no question. 574 00:43:23,900 --> 00:43:33,470 But I have a question, by the way, if you put the next and the previous so we can add the last and 575 00:43:33,470 --> 00:43:34,040 first. 576 00:43:35,800 --> 00:43:38,100 Is it possible or. 577 00:43:39,700 --> 00:43:45,310 Yes, you can you can you get those vegetables, you can call them whatever you like to call them money. 578 00:43:46,410 --> 00:43:56,730 OK, and there is in Google, when you search, they put page number, they want to me you can gentlemen 579 00:43:57,120 --> 00:43:58,770 each to each three. 580 00:44:00,180 --> 00:44:08,400 You can click on the page number, you you, I don't know, is next, if you go to the next you go to 581 00:44:08,430 --> 00:44:15,540 next page that you can press fire to jump to page. 582 00:44:16,620 --> 00:44:21,530 They are not obliged to do next the next five times better than. 583 00:44:22,970 --> 00:44:25,970 Up next, I don't get the equation. 584 00:44:27,280 --> 00:44:31,050 I mean, you to show the badge number. 585 00:44:33,010 --> 00:44:34,530 Yeah, wait. 586 00:44:34,840 --> 00:44:45,220 OK, we are on the I mean, in the first page, for example, you will and then we will show the page 587 00:44:45,220 --> 00:44:48,820 one, page one that has three items and. 588 00:44:50,390 --> 00:44:55,370 Now, you will include we didn't see the previous and till now, right? 589 00:44:56,300 --> 00:44:58,430 Yeah, we are coming to the front end. 590 00:44:59,150 --> 00:44:59,610 Yeah, yeah. 591 00:44:59,660 --> 00:45:00,460 Now continue. 592 00:45:00,470 --> 00:45:00,930 We'll see. 593 00:45:01,060 --> 00:45:01,480 Cocaine. 594 00:45:01,940 --> 00:45:02,350 Yes. 595 00:45:02,930 --> 00:45:03,290 Yeah. 596 00:45:06,260 --> 00:45:08,390 Give me give me a couple of seconds here. 597 00:45:08,420 --> 00:45:10,160 Just one is. 598 00:45:13,020 --> 00:45:19,410 So, by the way, there is breaking sometimes the one second this. 599 00:45:20,370 --> 00:45:24,570 Your voice is breaking to make sure that no one is using your. 600 00:45:25,960 --> 00:45:28,060 Your Internet. 601 00:45:31,860 --> 00:45:38,180 Well, my voice is breaking, it's like a fraction of a second. 602 00:45:40,950 --> 00:45:45,570 I don't know if someone in the room using the same Internet 603 00:45:48,270 --> 00:45:51,630 to get them to switch off any device using the same room. 604 00:45:56,100 --> 00:46:01,470 Yeah, I would check about that to make all the bandwidth for you. 605 00:46:03,270 --> 00:46:03,640 Sorry. 606 00:46:04,770 --> 00:46:07,620 So make a full bandwidth for you. 607 00:46:08,490 --> 00:46:09,840 Yes, yes. 608 00:46:09,840 --> 00:46:10,260 Yes. 609 00:46:16,310 --> 00:46:25,040 But we have we have had issues with the with the Internet in Kenya lately, and that is my my provider. 610 00:46:25,040 --> 00:46:27,440 My provider is called Safaricom, so we can proceed. 611 00:46:28,200 --> 00:46:29,700 We will talk about Internet. 612 00:46:30,020 --> 00:46:33,050 Listen to this. 613 00:46:33,750 --> 00:46:34,760 Remember where you are. 614 00:46:35,540 --> 00:46:41,780 You are using this square here to get the gateway to get the articles that we had. 615 00:46:41,780 --> 00:46:43,850 And this one was ideally getting everything. 616 00:46:44,420 --> 00:46:46,850 And that is why you see here we have. 617 00:46:47,950 --> 00:46:54,280 We have all this, so we don't need this square here anymore, so we can just go ahead and comment it 618 00:46:54,280 --> 00:47:02,680 out and then here we are going to do we are going to do our new our new query. 619 00:47:03,790 --> 00:47:14,290 And our new query is going to be to be articles, EQUASS And then when we have articles equals, remember, 620 00:47:14,770 --> 00:47:17,620 we have built our own. 621 00:47:19,450 --> 00:47:27,370 Our own business on business, on library, so now we can do something like business on equals, and 622 00:47:27,370 --> 00:47:35,470 then here we're going to import our pagination to to our beach so that so that it can kick in so we 623 00:47:35,470 --> 00:47:37,520 can do business on equals. 624 00:47:37,690 --> 00:47:42,880 We do need the business that we imported so we can properly compete here. 625 00:47:43,210 --> 00:47:54,030 And then the name of our past, the name of our our to our toothpaste library at the library technological 626 00:47:54,090 --> 00:47:54,420 typewriter. 627 00:47:54,550 --> 00:47:55,750 I think it's a library. 628 00:47:56,680 --> 00:48:00,490 So library this is this is going to be dynamic. 629 00:48:00,490 --> 00:48:02,200 And remember not to pass probably here. 630 00:48:02,510 --> 00:48:07,930 Remember not to do that because already Tab is on the code that we wrote here. 631 00:48:08,180 --> 00:48:09,580 See here. 632 00:48:10,030 --> 00:48:12,190 Is it somewhere inside the this. 633 00:48:12,930 --> 00:48:14,740 Yeah, it's they are, they are here. 634 00:48:14,750 --> 00:48:17,070 So don't pass that, don't pass that here. 635 00:48:17,950 --> 00:48:25,160 And then the next thing that you may need to pass on that that is required is the page that you are 636 00:48:25,160 --> 00:48:26,860 at in the therefore. 637 00:48:28,240 --> 00:48:31,720 We don't have that page, so we can just do page and page. 638 00:48:32,970 --> 00:48:33,450 It. 639 00:48:35,740 --> 00:48:46,810 So we can do page equals, Frappier is going to be Frappé, DOD funded, capital funded dot page. 640 00:48:48,290 --> 00:48:55,820 Remember, this, again, is going to come from we're from whatever it is you remember, this is how 641 00:48:55,820 --> 00:48:56,780 you used to get it. 642 00:48:57,270 --> 00:48:58,320 This is how we used to get it. 643 00:48:58,980 --> 00:49:02,690 So this is how we used to get it from petalled, formed it when I was starting. 644 00:49:03,440 --> 00:49:07,550 I showed you how to get these items in those the last election we did the same. 645 00:49:07,550 --> 00:49:10,590 So Page is going to be that and then we pass that page here. 646 00:49:10,850 --> 00:49:16,870 So ideally this page is going to be passing whatever is is is is on this item here. 647 00:49:17,480 --> 00:49:23,360 And then after we have done that, the next thing is now does the final touches. 648 00:49:23,750 --> 00:49:28,640 What do we need to do is to get to get our. 649 00:49:30,790 --> 00:49:39,310 To get our articles and we can just go ahead and do articles, EQUASS pagination. 650 00:49:41,070 --> 00:49:48,720 Prednisone don't get yes, and then what do you want to get prednisone, remember prednisone, if you 651 00:49:48,720 --> 00:49:52,830 come to the console business on, is this this object that has been returned here? 652 00:49:53,220 --> 00:49:55,750 So Atticus's basically these items here. 653 00:49:55,770 --> 00:49:57,510 So the name of this is Atticus. 654 00:49:57,840 --> 00:50:01,260 So we can go ahead and say pagination, don't get articles. 655 00:50:01,680 --> 00:50:03,600 And then we also need two more things. 656 00:50:04,650 --> 00:50:08,060 We need a previous page and we need a drink. 657 00:50:08,070 --> 00:50:09,540 I would have done that. 658 00:50:09,540 --> 00:50:14,280 And then Creve so we can edit this in this together. 659 00:50:14,730 --> 00:50:16,560 And then I highlight the next one. 660 00:50:16,920 --> 00:50:18,300 And when I do next. 661 00:50:18,990 --> 00:50:20,850 So we have done prev. 662 00:50:21,120 --> 00:50:22,250 Is that next. 663 00:50:22,260 --> 00:50:26,070 Is that then we can go ahead and for more context dictionary. 664 00:50:26,460 --> 00:50:34,620 So copy paste paste and then here again we are going to have forever and here we are going to have next. 665 00:50:36,030 --> 00:50:39,060 And here we have a comma like that. 666 00:50:40,430 --> 00:50:43,660 And also the first one to have a comment like that, great. 667 00:50:44,120 --> 00:50:45,360 So that's it, that's all. 668 00:50:45,650 --> 00:50:51,790 So now if we go to our front page and reload, hopefully we are without this. 669 00:50:51,800 --> 00:50:54,390 Of course, we don't need that for to start that. 670 00:50:55,250 --> 00:51:00,480 We are supposed to see our page with three and excellent using our available articles. 671 00:51:00,500 --> 00:51:01,450 Here are three. 672 00:51:02,060 --> 00:51:03,430 We have only three items. 673 00:51:03,770 --> 00:51:11,600 We have the greatest test of this book, the greatest tool, and then we have reached that. 674 00:51:12,320 --> 00:51:15,620 If I pass here the last question mark. 675 00:51:15,830 --> 00:51:19,070 Let me even try if I if I scroll down. 676 00:51:19,790 --> 00:51:20,660 Available articles. 677 00:51:20,660 --> 00:51:23,660 You see there is one there's only one item here. 678 00:51:24,800 --> 00:51:27,440 Let's see whether that is true from our console here. 679 00:51:27,440 --> 00:51:34,120 If we pass here five that you see, we have only one article on page five. 680 00:51:34,700 --> 00:51:35,790 How about page four? 681 00:51:35,900 --> 00:51:43,100 What if we do here before we are very in the last one as yet another test so we can go to our browser 682 00:51:43,100 --> 00:51:48,460 here in the dofor here, go in, scroll down below our articles. 683 00:51:48,470 --> 00:51:50,720 We have four and the first one is yet another test. 684 00:51:50,720 --> 00:51:54,140 So we have three items on this beach grid. 685 00:51:54,140 --> 00:51:59,990 So the last very last item that we need to do here now is to add the next in the previous buttons here 686 00:52:00,020 --> 00:52:07,430 so that to be able to navigate it from one page to another with the buttons and quickly we will jump 687 00:52:07,430 --> 00:52:11,780 to the front end, which is index indexed index this the email. 688 00:52:12,530 --> 00:52:15,140 Find where that page is. 689 00:52:15,140 --> 00:52:17,240 And I can see mine is this one. 690 00:52:18,420 --> 00:52:27,470 This is why I'm looping through all the articles that have been written and down here, only after this 691 00:52:27,480 --> 00:52:30,360 I can do everything. 692 00:52:30,360 --> 00:52:31,170 I can do it here. 693 00:52:31,950 --> 00:52:34,380 I can do I can do the code here to do that. 694 00:52:34,740 --> 00:52:36,220 So I will just check. 695 00:52:36,240 --> 00:52:39,120 Now, remember that we have also passed other things. 696 00:52:39,120 --> 00:52:44,220 We have passed previous and next and look at previous and next from Arkansas. 697 00:52:44,880 --> 00:52:48,000 We are we have a number, so we have the page number. 698 00:52:48,180 --> 00:52:52,950 So Prev has the previous page and next as the next page number. 699 00:52:53,310 --> 00:53:00,170 So we also we can take them from our index file and see whether we have them in so soon. 700 00:53:00,500 --> 00:53:02,310 We can we can wait and process them. 701 00:53:03,500 --> 00:53:07,040 So what you're going to do here now is. 702 00:53:11,090 --> 00:53:17,150 What do you want to do here now is we are going to write the code that is going to do that so we can 703 00:53:17,150 --> 00:53:19,020 do this is Gingles. 704 00:53:19,040 --> 00:53:20,420 We need brackets here. 705 00:53:20,720 --> 00:53:27,440 And then we see if we have a previous if we have previous, this is bootstrap. 706 00:53:27,440 --> 00:53:28,940 So I'll just use bootstrap. 707 00:53:29,210 --> 00:53:33,920 If it doesn't look so fancy, you can you can use one that you're comfortable with. 708 00:53:37,160 --> 00:53:43,930 So here will see previous page and then this, this link here. 709 00:53:43,940 --> 00:53:50,390 Remember, if we have a previous, this link here is supposed to be the link that we have on the browser, 710 00:53:50,450 --> 00:53:51,620 the link that we have here. 711 00:53:51,860 --> 00:53:53,900 So we can just do this. 712 00:53:54,380 --> 00:53:58,630 Crazyhorse not so I'll do it here. 713 00:53:58,880 --> 00:54:04,610 But remember these for these for it's not supposed to be hardcoded here is supposed to be passed from 714 00:54:05,150 --> 00:54:06,950 from our Python script. 715 00:54:06,950 --> 00:54:10,360 So we can just do not reach express. 716 00:54:10,520 --> 00:54:16,820 We have passed the here and then we can just go ahead and end. 717 00:54:18,050 --> 00:54:21,410 And if I'm going we can copy that. 718 00:54:21,410 --> 00:54:22,730 Same for the next button. 719 00:54:23,600 --> 00:54:24,260 Do that. 720 00:54:24,480 --> 00:54:30,290 And then here we are going to replace this and this in this next. 721 00:54:30,840 --> 00:54:36,110 Then of course this is supposed to read next guess to make it look better. 722 00:54:36,120 --> 00:54:45,430 We can do a class equals button, but on this one we can do informal and informal. 723 00:54:45,470 --> 00:54:52,610 This is bootstrap class equals bottom button and this one we can do success. 724 00:54:53,390 --> 00:54:55,260 So let's see what we have on the front page. 725 00:54:55,280 --> 00:54:56,610 This should this should be. 726 00:54:56,950 --> 00:55:00,010 Now let's go here and check it out. 727 00:55:00,020 --> 00:55:00,830 Reload. 728 00:55:01,780 --> 00:55:07,510 And yes, you see here you have previous and next, let me go back to the homepage and see what we have 729 00:55:08,200 --> 00:55:10,810 on the homepage we don't have previous. 730 00:55:11,520 --> 00:55:12,900 You see that we don't have previous. 731 00:55:12,910 --> 00:55:14,200 We have only next. 732 00:55:14,530 --> 00:55:15,640 So when I click on next. 733 00:55:15,670 --> 00:55:21,760 And by the way, look at when I hope our next look at look at this part down on the corner when I hover 734 00:55:21,760 --> 00:55:23,800 it is page it was two. 735 00:55:24,040 --> 00:55:27,280 So when I click on it, this thing takes me to page two. 736 00:55:27,910 --> 00:55:30,100 You see up here, these are the page two. 737 00:55:30,340 --> 00:55:36,640 And he and I have previous and I have next when I have on previous down here, the left corner, we 738 00:55:36,640 --> 00:55:42,880 have page one and we have on next we have page three and then look at the items. 739 00:55:42,880 --> 00:55:43,900 The items have changed. 740 00:55:43,910 --> 00:55:49,900 So if I click on this again, this goes to page three and we have the items at that page. 741 00:55:50,320 --> 00:55:55,680 And when I hop on the next button here, it goes to page four when I have on previous page to. 742 00:55:56,070 --> 00:55:56,560 Yes. 743 00:55:56,560 --> 00:55:57,670 That is how you do it. 744 00:55:57,680 --> 00:55:59,590 You can make this a little bit more beautiful. 745 00:56:00,040 --> 00:56:02,530 You can add icons, you can add whatever. 746 00:56:02,830 --> 00:56:06,460 But basically in terms of functionality, this button looks very accurate. 747 00:56:06,760 --> 00:56:11,560 So, again, the next button here, I think, is because we don't have full content. 748 00:56:12,380 --> 00:56:17,380 So again, you can make this beautiful depending on depending on what you consider to be good. 749 00:56:17,770 --> 00:56:19,270 So that is what I had for today. 750 00:56:19,300 --> 00:56:24,040 I think it was an intense lesson, but I hope you get the maximum. 751 00:56:26,850 --> 00:56:27,300 Mommy. 752 00:56:28,380 --> 00:56:29,440 OK, thank you. 753 00:56:29,460 --> 00:56:30,010 Thank you. 754 00:56:30,390 --> 00:56:36,980 God, I am so so if you have a question again, this is a prayer for. 755 00:56:37,800 --> 00:56:39,720 I hope for you all. 756 00:56:41,370 --> 00:56:42,150 It's great. 757 00:56:42,770 --> 00:56:45,170 Very good, there is no problem. 758 00:56:45,650 --> 00:56:55,310 Uh, as I said, there is, but and I just I want to get an idea about lust and first. 759 00:56:58,080 --> 00:57:05,420 This is similar to things you can put, for example, next, next, next or last. 760 00:57:05,730 --> 00:57:11,400 So the last thing the fast will be, will be, will be very easy, because the last one here, you just 761 00:57:11,400 --> 00:57:11,880 put it. 762 00:57:12,390 --> 00:57:13,330 You just put there. 763 00:57:14,130 --> 00:57:16,140 Let me see here. 764 00:57:17,430 --> 00:57:18,840 I can just copy this. 765 00:57:20,020 --> 00:57:21,840 Capillaries in 766 00:57:24,540 --> 00:57:24,830 red. 767 00:57:26,370 --> 00:57:31,050 Yeah, this one I just had to go to zero here, pages zero and then I will do. 768 00:57:32,160 --> 00:57:38,350 Yeah, first this of all, Kirsty's being first and then that's so I can do. 769 00:57:39,330 --> 00:57:44,520 I don't know whether we have a button technology on this team reloaded. 770 00:57:47,140 --> 00:57:53,560 First, you see it's going to get to zero, so that's it for now when I click on it, this will go to 771 00:57:53,560 --> 00:57:57,360 the first items and it usually goes to the zoo. 772 00:57:58,240 --> 00:57:59,500 No, it's not zero. 773 00:57:59,500 --> 00:58:00,280 Sorry is one. 774 00:58:02,470 --> 00:58:03,140 It's one. 775 00:58:03,150 --> 00:58:04,630 This is one zero zero. 776 00:58:05,260 --> 00:58:07,300 So let me let me click this. 777 00:58:08,710 --> 00:58:11,560 And then scroll down and click on first. 778 00:58:13,630 --> 00:58:20,560 And in the years this goes to page one, these are the items that we have here, so you can also do 779 00:58:20,560 --> 00:58:25,630 the same for the for the last one year, but not on these subjects, because you need to, first of 780 00:58:25,630 --> 00:58:35,140 all, count the number of items you have in the in the database, then divide by I think we divide by 781 00:58:35,140 --> 00:58:36,080 the number you have. 782 00:58:39,460 --> 00:58:45,370 Getting that number in here, if we come here again, do you need me to get off on? 783 00:58:47,000 --> 00:58:49,820 Yeah, it's clear, it's clear, OK. 784 00:58:50,260 --> 00:58:52,450 Yeah, OK, I got the idea. 785 00:58:52,480 --> 00:59:00,950 I mean, you will put the logic there if you have records found, so you will make your last speech, 786 00:59:01,400 --> 00:59:05,980 the last button to go there last year. 787 00:59:06,110 --> 00:59:07,220 OK, fine. 788 00:59:10,760 --> 00:59:17,810 So if there is no question, we shall close the car today and we meet in Charlotte next Monday. 789 00:59:18,440 --> 00:59:21,770 So the recording will be available after a few minutes. 790 00:59:25,840 --> 00:59:27,800 So back to the agenda. 791 00:59:27,880 --> 00:59:30,610 Karen, can you check that agenda? 792 00:59:33,960 --> 00:59:34,390 Karen. 793 00:59:36,060 --> 00:59:36,370 And. 794 00:59:38,260 --> 00:59:42,520 So I could hear you, but I didn't notice I had stopped sharing. 795 00:59:42,940 --> 00:59:44,800 OK, can you go to the agenda? 796 00:59:45,130 --> 00:59:45,660 Yeah. 797 00:59:46,210 --> 00:59:49,120 Here now can you highlight twenty three then? 798 00:59:49,900 --> 00:59:50,290 Yes. 799 00:59:50,450 --> 00:59:51,270 It is not done. 800 00:59:51,700 --> 00:59:59,740 OK, so so what, what what is left now in the beginning. 801 01:00:00,370 --> 01:00:09,670 Beginning now we have three in the beginning customer reports currencies and the traffic stops. 802 01:00:12,370 --> 01:00:15,900 One of them on Monday will take one of them order. 803 01:00:16,390 --> 01:00:16,900 Yes. 804 01:00:16,900 --> 01:00:18,790 We are going to take one of these on Monday is. 805 01:00:20,480 --> 01:00:30,650 And then if if all goes well by next week, maybe we do have only like two topics that are not not covered. 806 01:00:32,410 --> 01:00:36,080 Which one by end of next week, I don't know. 807 01:00:36,100 --> 01:00:38,860 We are going to select topics here by next week. 808 01:00:38,860 --> 01:00:45,220 We are going to have like one or two topics that are not covered in both a beginner and advanced. 809 01:00:46,820 --> 01:00:49,570 OK, yeah, OK, fine. 810 01:00:50,810 --> 01:00:51,990 So done for today. 811 01:00:52,190 --> 01:00:56,330 Thank you very much, Karani, and thank you for writing this. 812 01:00:56,510 --> 01:00:58,460 So shall we meet next Monday? 813 01:00:59,090 --> 01:00:59,970 Thank you very much. 814 01:01:00,560 --> 01:01:01,080 Thank you. 815 01:01:01,420 --> 01:01:01,910 Thank you. 816 01:01:02,290 --> 01:01:04,090 Thank you. 817 01:01:05,050 --> 01:01:05,660 Bye bye. 818 01:01:06,650 --> 01:01:06,910 Bye.